/* WTF?! ... gordo, mira que el Header lo seteo desde el index.php, no te mates
lo puse en 80px de alto, supuse que iba a alcanzar con eso y podemos aprovechar mas
para el mapa. Te veo en un rato, salut */

#mapcontainer {
	background:#94D0D2;
}

tspan{width:150px; }


* {
	font-family: Ubuntu;
}

#tota {
	background:url('http://wcs.ign.gob.ar/mod/elgg-maps/graphics/images/mini-logo.png') 0 5px no-repeat #004D7B;
	width:100%;
	border:0;
    color:white;
    padding:0 0 0 150px;
}

.olControlPanel {
	background:white;
	border: 2px double #eee;
}

.olControlPanel div { 
  display:block;
  width:  25px;
  height: 25px;
  margin: 5px;
  float:left;
  background-color:white;
}

.olControlPanel .olControlMouseDefaultsItemActive { 
  background-color: blue;
  background-image: url("http://mapa.ign.gob.ar/js/lib/OpenLayers-2.9/theme/default/img/pan_on.png");
}
.olControlPanel .olControlMouseDefaultsItemInactive { 
  background-color: orange;
  background-image: url("http://mapa.ign.gob.ar/js/lib/OpenLayers-2.9/theme/default/img/pan_off.png");
}
.olControlPanel .olControlDrawPointItemActive { 

   background: url('http://wcs.ign.gob.ar/mod/elgg-maps/graphics/images/punto.png') 0 0 no-repeat transparent;
   width:100px;
   height:15px;
}

.olControlPanel .olControlDrawPointItemActive:hover{cursor:move!important; border:1px solid black; }
.olControlPanel .olControlDrawPointItemInactive { 
  background: url('http://wcs.ign.gob.ar/mod/elgg-maps/graphics/images/punto.png')0 0 no-repeat transparent;
  width:100px;
   height:15px;
}
.olControlPanel .olControlDrawPathItemActive { 
  background: url('http://wcs.ign.gob.ar/mod/elgg-maps/graphics/images/linea.png')0 0 no-repeat transparent;
  width:100px;
   height:15px;
}
.olControlPanel .olControlDrawPathItemInactive { 
  background: url('http://wcs.ign.gob.ar/mod/elgg-maps/graphics/images/linea.png')0 0 no-repeat transparent;
  width:100px;
   height:15px;
}
.olControlPanel .olControlDrawPolygonItemActive { 

  background: url('http://wcs.ign.gob.ar/mod/elgg-maps/graphics/images/poligono.png')0 0 no-repeat transparent;
  width:100px;
   height:15px;
}
.olControlPanel .olControlDrawPolygonItemInactive { 

  background: url('http://wcs.ign.gob.ar/mod/elgg-maps/graphics/images/poligono.png')0 0 no-repeat transparent;
  width:100px;
   height:15px;
}
.olControlPanel .olControlZoomBoxItemInactive { 

  background-color: orange;
  background-image: url("http://mapa.ign.gob.ar/js/lib/OpenLayers-2.9/img/drag-rectangle-off.png")0 0 no-repeat transparent;
}
.olControlPanel .olControlZoomBoxItemActive { 
  background-color: blue;
  background-image: url("http://mapa.ign.gob.ar/js/lib/OpenLayers-2.9/img/drag-rectangle-on.png");
}
.olControlPanel .olControlZoomToMaxExtentItemInactive { 

  background-image: url("http://mapa.ign.gob.ar/js/lib/OpenLayers-2.9/img/zoom-world-mini.png");
}

.olControlPanel .olControlSelectFeatureItemActive { 

  background-color: blue;
  background-image: url("http://mapa.ign.gob.ar/js/lib/OpenLayers-2.9/theme/default/img/panning-hand-on.png");
}
.olControlPanel .olControlSelectFeatureItemInactive { 
  width:  18px;  
  height: 18px;
  background-image: url("http://mapa.ign.gob.ar/js/lib/OpenLayers-2.9/theme/default/img/panning-hand-off.png");
}

.olControlPanel .olControlModifyFeatureItemActive { 

  background-color: blue;
  background-image: url("http://mapa.ign.gob.ar/js/lib/OpenLayers-2.9/theme/default/img/move_feature_on.png");
}
.olControlPanel .olControlModifyFeatureItemInactive { 
  width:  18px;  
  height: 18px;
  background-image: url("http://mapa.ign.gob.ar/js/lib/OpenLayers-2.9/theme/default/img/move_feature_off.png");
}


/********************************************************ESTILOS ORIGINALES MODIFCADOS************************************************************/


.ui-layout-pane {
  background: none repeat scroll 0 0 #FFFFFF;
  border: none!important;
  overflow: auto;
  padding: 0!important;
}


       /* gordo: esto lo seteo desde el index: ui-layout-north y ui-layout-center */
.ui-layout-north {
  overflow:hidden!important;
}

.ui-layout-resizer {
 background:none!important;
  border: none!important;
}
.ui-layout-center {
float:left;
/*
width:69.7%; 
height:98%;
border-left:3px solid #004D7B;
*/
}


#mapcontainer { 
       background:url('http://wcs.ign.gob.ar/mod/elgg-maps/graphics/images/maragua.png') 0 0 repeat #008EC2;
       /*height:100%;*/
       }

.search_listing{padding:0px 14px; }
.search_listing_icon{
display:none; }

/*
.ui-button {
  margin-right: 0.1em;
  text-align:right!important;
  padding:4px 8px 4px 0;
  width:150px;
  height:30px;
  text-decoration: none !important;
  font-size:12px;
  background:#004D7B!important;
  color:white!important;
  border:2px solid silver;
  border-top:2px solid white;
}
*/
       
/*****************************************************ESTILOS ARGMAP**********************************************************/     
html {margin:0;padding:0;}
body { background-color:white;
font-family:Trebuchet MS;
font-size:14px;
color:#333333;
margin:0;
padding:0;}

img {border:0}

a {color:#008EC2; }
a:hover {color:#B77E3E; text-shadow:0 0 1px #FFD9B3; }
p{margin:0;
padding:0; }         
       
       /* gordo: esto lo seteo desde el index: Main y Header */
/*
#Main {width:100%;
       margin:0 auto;
       min-width:1024px;
} 

#Header {
        min-width:1024px;
        display:inline-block;
        height:80px;}
*/
a.logo {
	display:block;
	width:265px;
	height:82px;
	/*background:url('http://wcs.ign.gob.ar/mod/elgg-maps/graphics/images/logo.png') 0 0 no-repeat;*/
	float:left;
}


/* este user_menu conflictea con el ul.user_menu
css 101: creativity when defining classes, be creative */      
.user_menu {
	float:right;
	height:80px;
	line-height:80px;
	vertical-align:top;
}
#emSessionInfo {
min-width:300px;
height:80px;
display:block;
background:url('http://wcs.ign.gob.ar/mod/elgg-maps/graphics/images/login_bg.png') 0 0 no-repeat;
float:right;
line-height:1em;
}
#emSessionInfo .user_img{
       background:url('http://wcs.ign.gob.ar/mod/elgg-maps/graphics/images/user.png') no-repeat scroll 43px 16px transparent;
}

.user_menu ul {
float:right;
padding:0;
margin:0;
display:block;
line-height:1em;
margin-top:57px;
}

.user_menu li {
       border:0px;
       border-left:1px solid #004D7B;
       display:inline;
       color:#004D7B;
       padding:0 6px;
       margin:0;
       font-size:12px;
}

.user_menu li a {color:#004D7B; }
.user_menu li a:hover{/*color:#008EC2; */color:#B77E3E; text-shadow:0 0 1px #FFD9B3;}
       
#emSessionInfo #loginButton {
               margin:55px 0 0 30px;
               display:inline-block;}

#emSessionInfo .login_bg {
       height:80px;
       background:url('http://wcs.ign.gob.ar/mod/elgg-maps/graphics/images/logon_bg.png') 0 0 no-repeat;
       display:inline-block;}
        
#emSessionInfo .login_bg .name{
       font-family:Ubuntu, Arial;
       font-size:14px;
       color:#004D7B;
       font-weight:bold;
       margin:34px 0 0 100px ;}
#emSessionInfo .login_bg .prof{
       font-size:12px;
       color:#004D7B;
       margin:0 0 0 100px}


#Sidebar {
         float:left;
         overflow:auto;
 }
         
       
#Sidebar h1, #Sidebar h1 a {font-family:Ubuntu, Arial;
       font-size:1.8 em;
       color:#004D7B;
       font-weight:bold;
       letter-spacing:-0.04 em;
       line-height:1.7 em;
       margin:7px 0;
       text-decoration:none;}
#Sidebar h1 a:hover {color:#008EC2; }      
       
#Sidebar h2,#Sidebar h2 a {
       font-family:Ubuntu, Arial;
       font-size:15px;
       color:#004D7B;
       font-weight:bold;
       letter-spacing:-0.04em;
       margin:7px 0;
       text-decoration:none;
       line-height:14px; }
#Sidebar h2 a:hover {color:#008EC2;}

/* denieeed!
#Sidebar li {list-style:url('http://wcs.ign.gob.ar/mod/elgg-maps/graphics/images/bullet.png')}
*/

#Sidebar #ui-layout-west{
         padding:10px; }
         
#Sidebar .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
         background:none!important; }
         


#Sidebar #ui-layout-west-bottom {
         border-top: 1px solid #004D7B;
         /*height: 50%;*/
         padding: 10px;
         overflow:auto;
} 
       
#Sidebar .ui-widget-header {
         background:none!important;
         border:none!important;}

#Sidebar .ui-widget-content{ 
         background:none!important;
         border:none!important; }
       
#Sidebar ul.user_box  {
         padding:0;
         margin:20px 0 0 20px!important;
         float:none!important;
         display:inline-block;
         z-index:999;
}

#Sidebar a {text-decoration:none; }

#Sidebar .ui-tabs .ui-tabs-nav li, #Sidebar .ui-tabs .ui-tabs-nav li:hover{border:none; }

#Sidebar .user_box  .ui-state-default{
       color:#B7B7B7!important;
       background-color:#F4F4F4 !important;
       margin:0!important;
       font-size:12px!important;
       border:1px solid #B7B7B7!important;
       border-bottom:none !important;
       top:6px !important;
       height:22px;
       
  }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color:#B7B7B7!important;
  
}
  
#Sidebar .user_box .ui-state-hover  {/*color:#008EC2; */
       color:#B7B7B7!important;
       border-color:#B7B7B7!important; 
       border-bottom-color:white!important; 
       background-color:white!important;
       position:relative;
       top:4px!important;
       height:24px; 
          /*Reflection
  -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));*/
 
   /*Glow
  -webkit-box-shadow:inset 0px 0px 20px #008EC2;
  -moz-box-shadow:inset 0px 0px 20px #008EC2;
  box-shadow:inset 0px 0px 20px #008EC2);*/
       }    
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    margin-bottom: 0;
    padding-bottom: 0px!important;
}
#Sidebar .user_box  .ui-state-active  {
       color:#004D7B!important;
       border-color:#004D7B!important;
       border-bottom:none!important; 
       top:4px !important;
       height:28px       
  }
#Sidebar .user_box  .ui-state-active  a {
       color:#004D7B!important;
       background-color:white;
       border-radius:6px 6px 0px 0px;
       /*border:1px solid #004D7B!important; 
       border-bottom:1px solid white!important;*/
       }
  


#Sidebar .ui-tabs .ui-tabs-panel {
  border:none;
  display: block;
  padding: 20px 0 0 0;
  border-top:1px solid #004D7B!important;
}
 



#Sidebar .mapExcerpt{ padding:0 14px; }

#Sidebar .mapExcerpt h2, #Sidebar .mapExcerpt h2 a {
  color: #004D7B;
  font-family: Ubuntu,Arial;
  font-size: 1.4em;
  font-weight: bold;
  letter-spacing: -0.04em;
  line-height: 0.9em;
  margin: 20px 0 10px 0;
  text-decoration: none;
}
#Sidebar .mapExcerpt h2 a:hover {color:#008EC2;}


#Sidebar .emMapDescription {
         font-size:12px;
         line-height:12px;
       }
#Sidebar .emCreatedBy {
       font-size:12px;
       color:#808080;
       margin:7px 0 0 14px; }
       
#Sidebar .emCreatedOn {
       font-size:12px;
       color:#808080;
       margin:7px 0 0 14px; }

#Sidebar .emMapAccess {
       font-size:12px;
       color:#808080;
       margin:7px 0 0 14px; }
}
       
#Sidebar #index-help{
         padding:20px 0; }     
         
#Sidebar #index-help ul{}
         
#Sidebar #index-help ul li{
         border-left:1px solid #E0E0E0;
         border-bottom:1px solid #E0E0E0;
         list-style:none;
         padding:3px;
         margin-bottom:5px;
         font-size:12px;}      
  

#htmcontainer { 
       height:87%;
       overflow:auto;
       padding:20px;
       margin-top:40px;
       }       
#htmcontainer h1, #htmcontainer h1 a {font-family:Ubuntu, Arial;
       font-size:1.8 em;
       color:#004D7B;
       font-weight:bold;
       letter-spacing:-0.04 em;
       line-height:1.7 em;
       margin:7px 0;
       text-decoration:none;}
       
#htmcontainer h1 a:hover {
       color:#008EC2; } 

#htmcontainer div {
       padding:0 20px;
 }


 .emShareStuff {
	 font-size:.8em !important;
 }
 
 .emShareStuff textarea {
	
 }

 input, textarea {
	clear: both;
	font-size: 120%;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 1%;
}

/* para los radio que elgg los fabrica dentro de label */
#Sidebar input, #Sidebar textarea {
	width:100%;
}

#Sidebar input[type="radio"] {
	width:auto;
}

#emMapSaveForm textarea {
	height:8em;
	font-size:.8em;
	
}


/****************************ESTILOS LOGIN********************************/
#login-box{margin:25px 0 0 0; }
p.loginbox{
       width:80%!important;
       text-align:right; }
p.loginbox label{
       margin:15px 0!important; }
/*
       

.ui-corner-all {
  border-radius:0px!important;
}
*/
/*
GORDO:
te cambie esto para que el resto de los widgets de jQueryUI no se vean afectados, solo los dialog
donde decia ui-widget-content ahora es ui-dialog
donde decia ui-widget-header ahora es ui-dialog-titlebar
*/
.ui-dialog {
  background: url("http://wcs.ign.gob.ar/mod/elgg-maps/graphics/images/login_box_bg.png") no-repeat scroll 0 0 transparent;
  border: medium none;
  color: #333333 !important;
  height: 320px !important;
  padding: 10px 10px 10px 100px;
  width: 514px !important;
}
.ui-dialog-titlebar {
  background:none!important;
  border: none!important;
  color: #222222;
  font-weight: bold;
}
.ui-dialog-title {
   font-family:Ubuntu, Arial;
   font-size:1.8em;
   color:#004D7B;
   font-weight:bold;
   letter-spacing:-0.04em;
   line-height:1.7em;
   text-decoration:none;
}
.ui-widget-overlay {
  background:#004D7B;
  opacity: 0.95;
}

/*Dieguito estos son los estilos pa las tabs*/

#Sidebar ul.ui-tabs-nav {
	width:100%;
	margin:0 !important;
}

.coordinatesParser {
	font-size:.7em;
}
